<div id="content_header">
  <h3>{{ currentStudent.NickName }} Editing</h3>
</div>

<div class="row">
  <form name="studentForm" role="form" ng-submit="updateStudent()">
    <div class="form-group">
      <label for="">
        Full Name
      </label>
        <span class="error" ng-show="studentForm.firstname.$error.required">Required!</span>
      <input type="text" name="fullname" class="form-control" id="" placeholder="Input field" ng-model="currentStudent.FullName" required>
    </div>

    <div class="form-group">
      <label for="">
        Nick Name
      </label>
        <span class="error" ng-show="studentForm.lastname.$error.required">Required!</span>
      <input type="text" name="nickname" class="form-control" id="" placeholder="Input field" ng-model="currentStudent.NickName" required>
    </div>

    <div class="form-group">
      <label for="">Date of Birth</label>
      <div class="input-group" ng-click="open($event)">
        <input type="text" class="form-control" datepicker-popup="{{format}}" ng-model="currentStudent.DoB" is-open="opened" max-date="'2015-06-22'" datepicker-options="dateOptions" ng-required="true" close-text="Close" ng-disabled="true" />
        <span class="input-group-addon"><i class="glyphicon glyphicon-calendar"></i></span>
      </div>
    </div>

    <div class="form-group">
      <label ng-repeat="sex in sexes">
        <input type="radio" name="optionsRadios" id="optionsRadios{{ $index }}" ng-value="{{ $index }}" ng-model="currentStudent.SexID" ng-checked="currentStudent.SexID">
        {{ sex.SexLabel }}
        <br>
      </label>
  </div>

    <div class="form-group">
      <label for="">Passport Number</label>
      <input type="text" class="form-control" id="" placeholder="Input field" ng-model="currentStudent.PassportNumber" required>
    </div>

    <div class="form-group">
      <label for="">Picture</label>
      <input type="file" ng-file-select="onFileSelect($files)" multiple>
      <div ng-file-drop="onFileSelect($files)" ng-file-drag-over-class="optional-css-class" ng-show="dropSupported">drop files here</div>
      <div ng-file-drop-available="dropSupported=true" ng-show="!dropSupported">HTML5 Drop File is not supported!</div>
      <button ng-click="upload.abort()">Cancel Upload</button>
    </div>

    <button type="submit" class="btn btn-primary" >Submit</button>
  </form>
</div>